<template>
	<div class="inquiry-info-page">
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<div class="inquiry-info-block">
			<div class="inquiry-state">
				<div class="big-text">{{info.inquiryStateStr}}</div>
				<div class="small-text" v-if="info.inquiryState == 20 || info.inquiryState == 10">
					 <u-count-down
					        :time="info.endTime * 1000"
					        format="DD:HH:mm:ss"
					        autoStart
					        millisecond
					        @change="onChange"
					    >
					        <view class="time" v-if="timeData.seconds">
								还剩
					            <span class="red-text">{{ timeData.days }}</span>天
					            <span class="red-text">{{ timeData.hours>10?timeData.hours:'0'+timeData.hours}}</span>时
					            <span class="red-text">{{ timeData.minutes>10?timeData.minutes:'0'+timeData.minutes}}</span>分
					            <span class="red-text">{{ timeData.seconds>10?timeData.seconds:'0'+timeData.seconds }}</span>秒结束
					        </view>
					    </u-count-down>
				</div>
				<div style="font-weight: bold;color:red;margin-top:20rpx;font-size:24rpx">后续合作成交请务必按平台流程下单，平台将全程监控保证您的交易安全！</div>
			</div>
			<div class="info-title">
				<div v-if="info.inquiryTitle != ''" style="padding-right:160rpx">{{info.inquiryTitle}}</div>
				<div v-else>--</div>
				<div class="info-title-btn" :class="{choose : info.isFollow == 1}" v-if="info.isMy != 1" @click="changeFollow">{{info.isFollow == 1 ? '已关注' : '+关注'}}</div>
				<div class="info-subtitle" v-if="info.goodsFunction != ''">
					<image src="https://pic.moresu.com/FidxxAmOYxoTvH9CVf5-jjfmXC4j" style="width:19rpx;height:21rpx;display: inline-block;margin-right:10rpx;"></image>{{info.goodsFunction}}
				</div>
			</div>
			
			<div class="info-con">
				<div class="info-row">
					<div class="info-col" style="width:100%">
						<div class="info-label">询价数量：</div>
						<div class="info-text">{{info.goodsNum}}<span style="padding-left:5px">吨</span></div>
					</div>
				</div>
				<div class="info-row">
					<div class="info-col" style="width:100%">
						<div class="info-label">交货日期：</div>
						<div class="info-text">{{info.receiveDate}}</div>
					</div>
				</div>
				<div class="info-row">
					<div class="info-col" style="width:100%">
						<div class="info-label">收货地区：</div>
						<div class="info-text">{{info.receiveArea}}</div>
					</div>
				</div>
				
				<div class="info-row">
					<div class="info-col" style="width:100%">
						<div class="info-label">交易方式：</div>
						<div class="info-text">{{info.payTypes}}<span style="padding-left:20rpx">{{info.sendTypes}}</span></div>
					</div>
				</div>
				
				<div class="info-row">
					<div class="info-col" style="width:100%">
						<div class="info-label">询价时间：</div>
						<div class="info-text">{{info.inquiryTime}}</div>
					</div>
				</div>
				<div class="info-row" v-if="info.inquiryState == 50">
					<div class="info-col" style="width:100%">
						<div class="info-label">取消时间：</div>
					</div>
				</div>
				<div class="info-row" v-if="info.inquiryState == 50">
					<div class="info-col" style="width:100%">
						<div class="info-label">取消原因：</div>
						<div class="info-text">{{info.cancelStr}}</div>
					</div>
				</div>
				<div class="info-row">
					<div class="info-col" style="width:100%">
						<div class="info-label">补充说明：</div>
						<div class="info-text">{{info.inquiryRemark}}</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="price-list" v-if="info.myPurchasePriceInfo && info.myPurchasePriceInfo.length > 0" style="padding-bottom:0">
			<div class="price-title">我的报价</div>
			<div class="price-item" v-for="(item,index) in info.myPurchasePriceInfo" :key="item.priceId" :id="index == 0 ?'priceDivFromPrice' : ''">
				<div class="price-top">
						<div class="con-title" @click="toShop(item)">
							<span style="vertical-align: middle;">{{item.fromCompany}}</span>
							<div class="mode">{{item.priceStateStr}}</div>
						</div>
						<div class="price">
							<span style="vertical-align: middle;">
								<span class="big-font">{{item.purchasePrice}}</span>
								<span class="small-font">元/吨</span>
							</span>
							
							<span class="fwprice">含成交后佣金<span style="font-weight: bold;padding:0 5px">{{item.oneServiceCharge}}</span>元/吨</span>
						</div>
						<div class="time">报价时间：{{item.priceTime}}</div>
				</div>
				<div class="hj-div" v-if="item.reducePrice"><!--v-if="item.reducePrice"-->
					<div>
						<image src="https://pic.moresu.com/FmyDP9ZKr1X2eEwo7PAWb2B5ICRY" style="width:20rpx;height:24rpx;display: inline-block;vertical-align: middle;margin-right:10rpx"></image>
						<span style="vertical-align: middle;">买家还价：{{item.reducePrice}}元/吨（含成交后佣金{{item.reducePerServiceCharge}}元/吨）</span>
					</div>
					<div>
						<image src="https://pic.moresu.com/Fk6ZmZFdfDdQBD_8XU-NZshQtw_r" style="width:20rpx;height:20rpx;display: inline-block;vertical-align: middle;margin-right:10rpx"></image>
						<span style="vertical-align: middle;">还价时间：{{item.reduceTime}}</span>
					</div>
				</div>
				<div class="price-con">
					<div class="con-div">
						<div class="con-row">
							<div class="con-col">
								<div class="label">库存数量：</div>
								<div class="text">{{item.priceNum}}<span style="padding-left:5px">吨</span></div>
							</div>
							<div class="con-col">
								<div class="label">交货时间：</div>
								<div class="text">{{item.sendDate}}</div>
							</div>
						</div>
						<div class="con-row">
							<div class="con-col">
								<div class="label">结算方式：</div>
								<div class="text">{{item.pricePayTypes}}</div>
							</div>
							<div class="con-col">
								<div class="label">交货方式：</div>
								<div class="text">{{item.priceSendTypes}}</div>
							</div>
						</div>
			
						<div class="con-row">
							<div class="con-col" style="width:100%">
								<div class="label">货物地址：</div>
								<div class="text">{{item.sendArea}}</div>
							</div>
						</div>
						
						<div class="con-row">
							<div class="con-col" style="width:100%">
								<div class="label">产品说明：</div>
								<div class="text">{{item.colorProducerWeightRemarkStr}}</div>
							</div>
						</div>
					</div>
				</div>
				<div class="price-bottom">
					<u-button type="primary" :plain="true" text="修改报价"  
					v-if="(item.priceState==0 || item.priceState == 20) || 
					(item.priceState== 60 && (info.inquiryState == 10 || info.inquiryState == 20)) || 
					(item.priceState== 50 && (info.inquiryState == 10 || info.inquiryState == 20))|| 
					(item.priceState== 80 && (info.inquiryState == 10 || info.inquiryState == 20))|| 
					(item.priceState== 90 && (info.inquiryState == 10 || info.inquiryState == 20))" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="seeBj('edit')"></u-button>
					<u-button type="primary" :plain="true" text="取消报价"  v-if="item.priceState==0 || item.priceState == 20 || item.priceState== 60 || item.priceState== 80 || item.priceState== 90" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="enSure('cancel',item)"></u-button>
					<u-button type="primary" :plain="true" text="联系买家"  v-if="(item.priceState==0 || item.priceState == 20 || item.priceState== 30) && item.isView == 1" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="callphone('buyer',info.buyerPhone,item.priceId)"></u-button>
					<u-button type="primary" :plain="true" text="维持原价"  v-if="item.priceState==10" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="saveOldPrice(item)"></u-button>
					<u-button type="primary" :plain="true" text="修改价格"  v-if="item.priceState==10" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="seeConfirm(item)"></u-button>
					<u-button type="primary" :plain="true" text="查看订单"  v-if="item.priceState==30" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="seeBOrder(item)"></u-button>
				</div>
			</div>
		</div>
		
	    <div class="price-list" v-if="info.purchasePriceInfo && info.purchasePriceInfo.length > 0 && formPath != 'my'">
	    	<div class="price-title">报价列表</div>
			<div class="price-item" v-for="(item,index) in info.purchasePriceInfo" :key="item.priceId"  :id="index == 0 ?'priceDivFromInquiry' : ''">
				<div class="price-top">
					<div class="con-title" @click="toShop(item)">
						<span style="vertical-align: middle;">{{item.fromCompany}}</span>
						<div class="mode">{{item.priceStateStr}}</div>
					</div>
					<div style="font-size:24rpx;padding-top:10rpx;">
					 	<img src="https://pic.gxmore.com/FvHoTOaKtGeO9XfrDoJKB0U33IwE" v-if="item.storeType == 1" style="width:32rpx;height:32rpx;display: inline-block;vertical-align: middle;"/>
						<img src="https://pic.gxmore.com/FoPrwkWJpbpc5TqqAb92PPEoM37g" v-if="item.storeType == 2" style="width:32rpx;height:32rpx;display: inline-block;vertical-align: middle;"/>
						<img src="https://pic.gxmore.com/FrZC8fHZxQvxmPTN6d2gVmq2KrWM" v-if="item.storeType == 3" style="width:32rpx;height:32rpx;display: inline-block;vertical-align: middle;"/>
						<img src="https://pic.gxmore.com/Fo6pzsqNNEQsussrMMrdm2I-8jyK" v-if="item.storeType == 4" style="width:32rpx;height:32rpx;display: inline-block;vertical-align: middle;"/>
					    <span style="vertical-align: middle;padding-left:10rpx;">{{item.storeTypeName}}</span>
						<span style="vertical-align: middle;padding-left:20rpx;">经营时间：{{item.businessTime}}年</span>
					</div>
					<div class="price">
						<span style="vertical-align: middle;">
							<span class="big-font">{{item.purchasePrice}}</span>
							<span class="small-font">元/吨</span>
						</span>
					</div>
					<div class="time">报价时间：{{item.priceTime}}</div>
				</div>
				<div class="hj-div" v-if="info.isMy == 1 && item.reducePrice"><!--v-if="item.reducePrice"-->
					<span>
						<image src="https://pic.moresu.com/FmyDP9ZKr1X2eEwo7PAWb2B5ICRY" style="width:20rpx;height:24rpx;display: inline-block;vertical-align: middle;margin-right:10rpx"></image>
						<span style="vertical-align: middle;">我的还价：{{item.reducePrice}}元/吨</span></span>
					<span style="padding-left:20rpx">
						<image src="https://pic.moresu.com/Fk6ZmZFdfDdQBD_8XU-NZshQtw_r" style="width:20rpx;height:20rpx;display: inline-block;vertical-align: middle;margin-right:10rpx"></image>
						<span style="vertical-align: middle;">还价时间：{{item.reduceTime}}</span></span>
				</div>
				
				<div class="price-con">
					<div class="con-div">
						<div class="con-row">
							<div class="con-col">
								<div class="label">库存数量：</div>
								<div class="text">{{item.priceNum}}<span style="padding-left:5px">吨</span></div>
							</div>
							<div class="con-col">
								<div class="label">交货时间：</div>
								<div class="text">{{item.sendDate}}</div>
							</div>
						</div>
						<div class="con-row">
							<div class="con-col">
								<div class="label">结算方式：</div>
								<div class="text">{{item.pricePayTypes}}</div>
							</div>
							<div class="con-col">
								<div class="label">交货方式：</div>
								<div class="text">{{item.priceSendTypes}}</div>
							</div>
						</div>
						<div class="con-row">
							<div class="con-col" style="width:100%">
								<div class="label">货物地址：</div>
								<div class="text">{{item.sendArea}}</div>
							</div>
						</div>
						<div class="con-row">
							<div class="con-col" style="width:100%">
								<div class="label">产品说明：</div>
								<div class="text">{{item.colorProducerWeightRemarkStr}}</div>
							</div>
						</div>
					</div>
				</div>
				<div class="price-bottom" v-if="info.isMy == 1" >
					<u-button type="primary" :plain="true" text="联系商家" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="callphone('company',item.companyTell,item.priceId,item.businessTime)" v-if="item.companyTell.indexOf('*') == -1"></u-button>
					<u-button type="primary" :plain="true" text="还价" shape="circle" size="small" :customStyle="{marginRight:'2%',width:'32%'}" @click="seeHj(item)" v-if="item.priceState == 0 && item.reducePrice == ''"></u-button>
					<u-button type="primary" :plain="true" text="立即下单" shape="circle" size="small" :customStyle="{width:'32%'}" @click="addOrder(item)" v-if="item.priceState == 0 || item.priceState == 10 || item.priceState == 20"></u-button>
					<u-button type="primary" :plain="true" text="查看订单" shape="circle" size="small" :customStyle="{width:'32%'}" @click="seeOrder(item)" v-if="item.priceState == 30"></u-button>
				</div>
			</div>
	    </div>
	    <div class="page-bottom-btn" style="padding:20rpx;height:auto" v-if="info.isMy != 1 && (info.inquiryState == 10 || info.inquiryState == 20) && info.myPriceId == ''">
			<u-button type="primary" color="linear-gradient(180deg, #FF5E01 0%, #FF5E01 100%)"  @click="seeBj('add')">
				我要报价<img src="https://pic.moresu.com/FsW0kproh21BR3WL3HbYLas9Wt7j" style="width:30rpx;height:30rpx;margin-left:10rpx;"/>
			</u-button>
		</div>

		<!--还价-->
		<offerPrice ref="offerPrice" @refresh="getInfo"></offerPrice>
		
		<!--确认价格-->
		<confirmPrice ref="confirmPrice" @refresh="getInfo"></confirmPrice>
		
		<driver-page ref="driverPage"></driver-page>
	</div>
</template>

<script>
	import confirmPrice from '@/components/module/confirmPrice';
	import offerPrice from '@/components/module/offerPrice';
    import {inquiryDetail,setMyAttention,delMyAttention,shareCode,contactSeller,getGuideDataAPI,pageSeo} from '@/config/api.js';
	import {priceOperate} from '@/config/api2.js';
	import{saveShareUid}  from '@/plugins/utils.js'
	import driverPage from '@/components/driver-page/driver-page';
	import store from '@/store';
	const log = require('@/plugins/log.js')
	export default {
	  components: {
	   offerPrice,confirmPrice,driverPage
	
	  },
	  data() {
	    return {
	     inquiryId:'',
		 info:{},
	     timeData: {},
		 shareTitle:'',
		 qrCode:'',
		 shareImage:'',
		 formPath:'',
		 steps:[
		 	{
		 	    element: 'priceDivFromInquiry',
		 	    popover: {
		 	        title: '',
		 	        description: "智能询价，支持输入，语音，照片三种形式询价",
		 	        side:'bottom' // 传其它都是top
		 	    }
		 	},
			{
			    element: 'priceDivFromPrice',
			    popover: {
			        title: '',
			        description: "智能询价，支持输入，语音，照片三种形式询价",
			        side:'bottom' // 传其它都是top
			    }
			}
		 ]
		 
	    }
	  },
	  async onLoad(options) {
	  	    await this.$onLaunched;	
			this.inquiryId = options.inquiryId;
			this.formPath = options.formPath ? options.formPath : ''
			// this.getInfo();
			if(options.scene) { //分享进入
			  var splitStr = unescape(options.scene).split(",");
			  console.log(splitStr)
			  splitStr.forEach((el) => {
				if (el.indexOf('pcode') != -1) {
				  let shareArry = el.split(":");
				  let pcode = shareArry[1];
				  saveShareUid(pcode);
				}
			  });
			}
			console.log("options",options)
			if(options.pcode){
			  saveShareUid(options.pcode)
			}
			this.getCode();
			
			
	  },
	  async onShow() {
		   await this.$onLaunched;	
		   let pageFrom = this.formPath
		   if(pageFrom == 'my'){
			   pageFrom = 'price'
		   }
		   this.getInfo().then(()=>{
			   this.$nextTick(()=>{
				   getGuideDataAPI({
				   	pageUrl:'inquiryDetail',
					pageFrom:pageFrom
				   }).then((res)=>{
				   	this.steps=res
				   	this.$refs.driverPage.showPop(this.steps)
				   }).catch((error)=>{
				   	console.log(error)
				   })
			   })
		   });
		   // #ifdef H5
		   pageSeo({pageType: 'inquiryDetailPage',id:this.inquiryId}).then((res)=>{
		   	document.title = res.pageTitle;
		   })
		   // #endif
	  },
	async onShareAppMessage(){
		await this.$onLaunched;
		let storeUserInfo = store.state.userInfo;
		return {
			  title: this.shareTitle,
			  path: '/pages/inquiry/inquiryInfo?pcode='+storeUserInfo.promoterCode + '&inquiryId='+this.inquiryId
			}
	},
		
	  methods: {
		  saveOldPrice(item){
			  uni.showModal({
			    title: '提示',
			    content: '是否确认维持原价？',
			    success: (res) => {
			      if (res.confirm) {
			        priceOperate({
			          priceId: item.priceId,
			          operateType: 'confirm',
					  finalPrice:item.purchasePrice,
			        }).then(res => {
			          this.getInfo()
			        })
			      } else if (res.cancel) {
			        console.log('用户点击取消');
			      }
			    }
			  });
		  },
		 
		 
		  seeConfirm(item){
			  this.$refs.confirmPrice.init(item,this.info.serviceChargeRatio,this.info.serviceType)
		  },
		  
		  
		  
		  enSure(data, row) {
		    uni.showModal({
		      title: '提示',
		      content: '是否确认操作？',
		      success: (res) => {
		        if (res.confirm) {
		          priceOperate({
		            priceId: row.priceId,
		            operateType: data
		          }).then(res => {
		            this.getInfo()
		          })
		        } else if (res.cancel) {
		          console.log('用户点击取消');
		        }
		      }
		    });
		  },
		 getCode(){
		 	shareCode({shareType:'inquiryDetail'}).then((res)=>{
		 		this.showLime = true
		 		this.shareTitle = res.shareTitle;
		 		this.qrCode = res.qrCode;
		 		this.shareImage = res.shareImage;
		 	})
		 },
		  
		  onChange(e) {
			  this.timeData = e
		  },
		  //去商家页
		  toShop(item){
			  if(item.fromCompany.indexOf('*')==-1){
				  this.judgeLogin(() => {
					  this.judgeBuyerAuth(()=>{
						 uni.navigateTo({
						   url: '/pagesUser/business/businessPage?storeId='+item.storeId
						 })
					  })
				  })
			  }
			 
		  },
		  //添加/取消关注
		  changeFollow(){
			  this.judgeLogin(() => {
					let data = {};
					let fn
					if(this.info.isFollow == 1){
						  data.logid = this.info.logId
						  fn = delMyAttention
						  log.info('询价详情&关注按钮&取消关注')
					}else{
						  data.inquiryId = this.info.inquiryId
						  data.collectType = 'inquiry'
						  fn = setMyAttention
						  log.info('询价详情&关注按钮&添加关注')
					}
					fn(data).then((res)=>{
						uni.showToast({
						  title: '操作成功',
						  duration: 1000,
						  icon: 'none'
						})
						this.getInfo()
					})
			  })
			  
		  },
		  seeOrder(item){
			  uni.navigateTo({
			    url: '/pages/my/orderInfo?orderId='+item.orderId
			  })
		  },
		  seeBOrder(item){
			  uni.navigateTo({
			    url: '/pagesUser/business/businessOrderInfo?orderId='+item.orderId
			  })
		  },
		  callphone(type,tel,priceId,businessTime){
			  if(tel.indexOf("*")!= -1){
				  return false
			  }
			  if(type == 'buyer'){
				  uni.makePhoneCall({
				  	phoneNumber:  tel
				  });
			  }else{
				 this.judgeLogin(() => {
					  this.judgeBuyerAuth(()=>{ 
						  if(businessTime < 2){
							  uni.showModal({
							    title: '温馨提示',
							    content: '您联系的供应商经营时间小于2年，后续合作成交请务必按平台流程下单，平台将全程监控保证您的交易安全！',
							    success: (res) => {
							      if (res.confirm) {
							        uni.makePhoneCall({
										phoneNumber:  tel
							        });
							        contactSeller({priceId:priceId})
							        log.info('询价详情单条报价&联系商家按钮')
							  		  
							      } else if (res.cancel) {
							        console.log('用户点击取消');
							      }
							    }
							  });
						  }else{
							  uni.makePhoneCall({
							  	phoneNumber:  tel
							  });
							  contactSeller({priceId:priceId})
							  log.info('询价详情单条报价&联系商家按钮')
						  }
						 
					  })
				 }) 
			  }
			  
		  },
			getInfo(){
			  return inquiryDetail({inquiryId:this.inquiryId}).then((res)=>{
					this.info = res
				})
			},
			//显示报价
			seeBj(type,myPriceId){
				this.judgeLogin(() => {
					  this.judgeSellerAuth(()=>{
						  if(type == 'add'){
							  uni.navigateTo({
							    url: "/pagesUser/business/editQuotation?type=add&inquiryId=" + this.info.inquiryId + "&priceNum="+this.info.goodsNum+'&serviceChargeRatio='+this.info.serviceChargeRatio+'&serviceType='+this.info.serviceType+'&payTypes='+this.info.payTypes+'&sendTypes='+this.info.sendTypes
							  })
							  log.info('询价详情&我要报价按钮')
							  // this.$refs.addPrice.init(this.info,type,this.info.serviceChargeRatio)
						  }else{
							  uni.navigateTo({
							    url: "/pagesUser/business/editQuotation?type=edit&priceId=" + this.info.myPriceId 
							  })
							  // this.$refs.addPrice.init(this.info.myPriceId,type,this.info.serviceChargeRatio)
						  }  
					  },'price')
				},'price')
				
			},
			
			//还价
			seeHj(item){
				this.judgeLogin(() => {
					let data = JSON.parse(JSON.stringify(item))
					data.inquiryId = this.inquiryId
					 this.$refs.offerPrice.init(data)
					 log.info('询价详情单条报价&还价按钮')
				})
			},
			
			//下单
			addOrder(item){
				this.judgeLogin(() => {
					 uni.navigateTo({
					   url: '/pagesUser/order/addOrder?priceId='+item.priceId
					 })
					 log.info('询价详情单条报价&立即下单按钮')
				})
			}
			
		}
		
	
	}
</script>

<style lang="scss" scoped>
@import '@/style/common.scss';
.inquiry-info-page{
	padding-bottom:200rpx;
	.inquiry-info-block{
		background: linear-gradient(180deg, #fffbf5 0%, #FFFFFF 10%);
		box-shadow: 0px 0px 10px rgba(0,17,52,0.09);
		padding:32rpx;
		.inquiry-state{
			text-align: center;
			padding:32rpx;
			padding-bottom:48rpx;
			border-bottom:2rpx dashed #DEDEDE;
			.big-txt{
				font-weight: bold;
				font-size:34rpx;
				color: #070D14;
			}
			.small-text{
				color: #929292;
				font-size: 24rpx;
				margin-top:10rpx;
				.red-text{
					color:#FF0000 ;
					padding:0 10rpx;
				}
			}
		}
		.info-title{
			font-size: 34rpx;
			font-weight: bold;
			line-height: 48rpx;
			color: #000;
			padding:32rpx 32rpx 32rpx 0;
			position: relative;
			
			.info-title-btn{
				position: absolute;
				width:134rpx;
				height:50rpx;
				right: 0;
				top:32rpx;
				border: 2rpx solid #FF5E01;
				border-radius: 28rpx;
				color: #FF5E01;
				text-align: center;
				font-size: 26rpx;
				line-height: 44rpx;
				font-weight: 400;
			}
			.info-title-btn.choose{
				background:#FF5E01;
				color:#fff
			}
		}
		.info-subtitle{
			font-size:24rpx;
			color:#FF6339;
			font-weight: 400;
			
		}
		.info-con{
			.info-row{
				margin-bottom:26rpx;
				@include flexbox(flex-start,flex-start);
				.info-col{
					width:50%;
					font-size:26rpx;
					@include flexbox(flex-start,flex-start);
					.info-label{
						color: #929292;	
						width:140rpx;
					}
					.info-text{
						color: #1E1E1E;
					}
				}
			}
			
		}
	}

	.price-list{
		color: #1E1E1E;
		padding:24rpx;
	    
		.price-title{
			position: relative;
			font-size: 26rpx;
			padding-left:20rpx;
		}
		.price-title::after{
			content: '';
			position: absolute;
			width: 6rpx;
			height: 36rpx;
			background: linear-gradient(180deg, #FF5E01 0%, #FF5E01 100%);
			border-radius: 3rpx;
			left:0;
			top:0
		}
		.price-item{
			background: #fff;
			box-shadow: 0px 0px 10rpx rgba(0,17,52,0.09);
			border-radius: 18rpx;
			margin-top:30rpx;
			padding:24rpx;
			.price-top{
				font-size: 26rpx;
				font-weight: 400;
				padding-bottom:32rpx;
				
				.con-title{
					font-size: 30rpx;
					font-weight: bold;
					line-height: 42rpx;
					color: #1E1E1E;
					position: relative;
					padding-right:150rpx;
					.mode{
						position: absolute;
						right:0;
						top:0;
						font-weight:400;
						font-size: 26rpx;
						color: #6181FF;
					}
				}
				.price{
					margin-top:10rpx;
					.big-font{
						font-size: 38rpx;
						color: #FF0000;	
					}
					.small-font{
						font-size: 26rpx;
						color:#000;
					}
					.fwprice{
						background: #FFF3EB;
						border-radius: 18rpx;
						display: inline-block;
						padding:4rpx 10rpx;
						color:#FF6339;
						font-size:20rpx;
						margin-left:20rpx;
						vertical-align: middle;
					}
				}
				.time{
					font-size: 24rpx;
					color: #929292;
					margin-top:10rpx;
				}
				
				
			}
			.hj-div{
				
                background: rgba(213,230,255,0.3);
				border-radius: 18rpx;
				font-size: 24rpx;
				color: #6181FF;
				padding:10rpx 20rpx;
				margin-bottom:24rpx;
			}
			.price-con{
		
				.con-title{
					font-size: 30rpx;
					font-weight: bold;
					line-height: 42rpx;
					color: #1E1E1E;
				}
				.con-div{
					background: #F9F9F9;
					border-radius: 18rpx;
					padding:24rpx;
					.con-row{
						@include flexbox(flex-start,flex-start);
						margin-bottom:24rpx;
						.con-col{
							font-size:26rpx;
							font-weight: 400;
							@include flexbox(flex-start,flex-start);
							width:50%;
							.label{
								color: #929292;	
								width:140rpx;
							}
							.text{
								color: #1E1E1E;
								width:calc(100% - 140rpx)
							}
						}
						
					}
					.con-row:last-child{
						margin-bottom:0
					}
					
				}
			}
			.price-bottom{
				@include flexbox(flex-end,center);
				border-top:1px solid #DEDEDE;
				padding-top:32rpx;
				margin-top:32rpx;
				
			}
		}
	}
	
	
}
 .popupTitle {
    font-size: $b-font;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
  }
  .popup-con {
    padding: 0 16px 16px 16px;
	}
.popup-bottom{
	background: #fff;
	margin-top:10px;
	padding:16px;
}
.popup-bottom-fixed{
	position: fixed;
	width:100%;
	padding:16px;
	box-sizing: border-box;
	bottom:0
}
</style>